<div class="demo-container">
  <div class="demo-example">
    <div class="demo-title">基本用法</div>
    <div class="demo-text">
      展示加载表格数据的场景中的基本使用方法
    </div>
    <d-codebox id="components-tabs-default" [sourceData]="basicSource">
      <d-basic demo></d-basic>
    </d-codebox>
  </div>

  <div class="demo-example">
    <div class="demo-title">自定义样式</div>
    <div class="demo-text">
      通过 templateRef 自定义loading样式
    </div>
    <d-codebox id="components-tabs-default" [sourceData]="customSource">
      <d-custom demo></d-custom>
    </d-codebox>
  </div>

  <div class="demo-example">
    <div class="demo-title">多promise</div>
    <div class="demo-text">
        支持多个promise
    </div>
    <d-codebox id="components-tabs-default" [sourceData]="promiseSource">
      <d-promise demo></d-promise>
    </d-codebox>
  </div>

</div>
